<!--extend name="public@base"/--> 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge" >
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
    <title>东湖高新教育直播</title>
    <link href="https://unpkg.com/video.js@7.10.2/dist/video-js.min.css" rel="stylesheet" />
</head>

<body>

<div style="text-align: right;">
    当前登录用户：{$user.nickname} <img src="{$user.avatar}" width="32px" />
    <a href="/plugin/xiongyi/wechat1/logout">退出登录</a>
</div>

<video id="my-player" class="video-js" autoplay="muted" fluid controls muted preload="auto">
    <!--source src="rtmp://l.kjdll.cn/zb/dh?auth_key=1760709670-0-0-cd063b7de3dc14cd5c6b68453db80c12" type="rtmp/flv"-->
    <!--source src="https://l.kjdll.cn/zb/dh.flv?auth_key=1760709670-0-0-7ba286a4fab7c8598086f8f9f524eb50" type="video/flv"-->
    <source src="https://l.kjdll.cn/zb/dh.m3u8?auth_key=1760834239-0-0-9e855c473ea7e824ffec726a0a2c8160" type="application/x-mpegURL">
    <p class="vjs-no-js">
      如果想使用video.js，请确保浏览器可以运行JavaScript，并且支持
      <a href="https://videojs.com/html5-video-support/" target="_blank" >HTML5 video</a>
    </p>
</video>

<script src="https://unpkg.com/video.js@7.10.2/dist/video.min.js"></script>
<script>
      let options = {
        autoplay:"muted",
        muted:true,
        preload:"auto",
        //width:"800",
        //height:400,
        fluid:true
      };
      let player = videojs('my-player', options, function onPlayerReady() {
        videojs.log('播放器准备好了!');
        // In this context, `this` is the player that was created by Video.js.
        this.play();
        this.on('ended', function() {
          videojs.log('播放结束!');
        });
      });
    </script>
</body>
</html>